@import '../def.scss';

.content {
	.purpose-list{
		width: 100%;
		margin: 30rpx auto 78rpx;
		
		.purpose-item{
			width: 690rpx;
			margin: 0 auto;
			background: linear-gradient(90deg, #EC6A0A 0%, #FB8E26 100%);
			border-radius: 16rpx;
			padding:30rpx;
			box-sizing: border-box;
			.purpose-content{
				display: flex;
				box-sizing: border-box;
				align-items: center;
				.price{
					position: relative;
					margin-left: 30rpx;
					font-size: 80rpx;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 80rpx;
					&:after{
						content:"￥";
						width: 10rpx;
						height: 10rpx;
						border-radius: 50%;
						position:absolute;
						top: 60%;
						font-size: 26rpx;
						color: #FFFFFF;
						left: -15px;
						line-height: 1;
						
					}
				}
				.business{
					display: flex;
					align-items: center;
					margin-left: 50rpx;
					span{
						font-size: 32rpx;
						font-weight: 400;
						color: #FFFFFF;
						line-height: 44rpx;
						padding-left: 20rpx;
					}
					image{
						width: 44rpx;
						height: 44rpx;
					}
				}
			}
			.purpose-title{
				font-size: 24rpx;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 34rpx;
				margin-top: 20rpx;
				border-bottom:1rpx dashed #FFFFFF;
				padding-bottom: 30rpx;
			}
			.location{
				padding:20rpx 0 0 0;
				box-sizing: border-box;
				p{
					font-size: 24rpx;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 34rpx;
					padding-top: 20rpx;
					
				}
			}
		}
	}
	
}
